<template>
<div class="main">
    <!-- 返回按钮 -->
    <div class="div1">
        <el-button type="info" @click="fanHui()">返回</el-button>
    </div>
    <!-- 新增的表单 -->
    <div class="div2">
        <el-form ref="form" :model="form" label-width="80px" :label-position="labelPosition" class="clear">
            <el-form-item label="类型">
                <el-select v-model="form.emailType" placeholder="请选择">
                <el-option label="系统邮件" value="1"></el-option>
                <el-option label="公司邮件" value="2"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="状态">
                <el-select v-model="form.states" placeholder="请选择">
                <el-option label="有效" value="1"></el-option>
                <el-option label="无效" value="0"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="名称">
                <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="显示">
                <el-input v-model="form.show"></el-input>
            </el-form-item>
            <el-form-item label="Pop地址">
                <el-input v-model="form.popAddress"></el-input>
            </el-form-item>
            <el-form-item label="Pop端口">
                <el-input v-model="form.popExport"></el-input>
            </el-form-item>
            <el-form-item label="Smtp地址">
                <el-input v-model="form.smtpAddress"></el-input>
            </el-form-item>
            <el-form-item label="Smtp端口">
                <el-input v-model="form.smtpExport"></el-input>
            </el-form-item>
            <el-form-item label="账号">
                <el-input v-model="form.account"></el-input>
            </el-form-item>
            <el-form-item label="密码">
                <el-input v-model="form.pwd"></el-input>
            </el-form-item>
            <el-form-item label="备注">
                <el-input
                type="textarea"
                :rows="6"
                v-model="form.textarea">
                </el-input>
            </el-form-item>
            
            <el-form-item class="btn">
                <el-button type="primary">确定</el-button>
                <el-button type="success">收邮件</el-button>
                <el-button @click="cancel()">取消</el-button>
            </el-form-item>
        </el-form>
    </div>
    
</div>
</template>
<script>

export default {
// eslint-disable-next-line vue/multi-word-component-names
name:"",
components: {},
data(){
    return {
        labelPosition:'left',
        form:{
            emailType:'',
            states:'',
            name:'',
            show:'',
            popAddress:'',
            popExport:'',
            smtpAddress:'',
            smtpExport:'',
            account:'',
            pwd:'',
            textarea:''
        }
    }
},
methods:{
    // 点击新增页面中的返回按钮，返回到账号管理的主页面
    fanHui(){
        this.$router.push('/home/accountManagement/accountManagementHome')
    },
    // 点击新增页面中的取消按钮，返回到账号管理的主页面
    cancel(){
        this.$router.push('/home/accountManagement/accountManagementHome')
    }
}
}
</script>
<style lang="less" scoped>
.main{
    width: 100%;
    background-color: white;
    margin-top: 20px;
    
}
.div2{
    width: 100%;
    margin-top: 20px;
    // border: 1px solid blue;
}
.el-form-item{
    width:50%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}
.el-select{
    width: 100%;
}
.el-col{
    width: 100%;
}
.btn{
    margin-top:200px;
    margin-left: -920px;
}
</style>